<template>
	<view class="head">
		<view class="left-title">
			<text>消息</text>
		</view>
		<view class="right-tool" @click="showTool">
			<image :src="toolImg"></image>
		</view>



	</view>
</template>

<script>
	

	export default {
		components: {
			uniPopup
		},
		data() {
			return {
				toolImg: require('@/static/img/main/message/01.svg')
			}
		},
		methods: {
			//1，打开功能框
			showTool() {
				//this.$refs.share.open()
			}
		}
	}
</script>

<style lang="scss" scoped>
	.head {
		width: 100%;
		height: 90rpx;
		background-color: #fff;

		display: flex;
		justify-content: space-between;

		.left-title {
			line-height: 90rpx;

			text {
				font-size: 32rpx;
				font-weight: 550;
				margin-left: 20rpx;
			}
		}

		.right-tool {
			width: 100rpx;
			height: 100rpx;
			text-align: center;
			position: relative;

			image {
				width: 42rpx;
				height: 42rpx;
				margin-top: 24rpx;
			}
		}

		.right-tool::after {
			content: '';
			width: 0;
			height: 0;
			border: 20px solid;
			border-color: yellow transparent transparent transparent;
			position: relative;
			top: 120px;
			left: 30px;
		}
	}
</style>